#app{
    .center{
        justify-content: center;
        align-items: center;
        flex-direction: column;
        
        .middle{
            flex-direction: column;
            width: 1000px;
            .title{
                flex-direction: column;
                font-size: 30px;
                margin-top: 80px;
                margin-bottom: 30px;
                .p1{
                    font-weight: 600;
                }
            }

            .top{
                margin:100px 0;
                justify-content: space-around;
                padding:0 40px;
                .option{
                    width: 208px;
                    height: 60px;
                    font-size: 24px; 
                    border-radius: 30px;
                    background: #FFFFFF;
                    border: 1px solid #707070;
                    
                }
                .act{
                    background: #0D3861;
                    color: #FFFFFF;
                }
            }
            .content{
                flex-direction: column;
                // justify-content: space-between;
                padding:0 50px;
                margin-bottom: 150px;
                display: none;
                .left{
                    margin:50px 0 10px 0;
                    width: 100%;
                    height: 500px;
                    img{
                        width: 100%;
                    }
                }
                .right{
                    flex: 1;
                    .title{
                        font-size: 28px;
                        font-weight: 600;
                    }
                    .text{
                        font-size:24px;
                    }
                }
            }
            .act{
                display: flex;
            }
        }
    }
}